<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无序列表</title>
</head>
<body>
<h1>无序列表</h1>
<p style="color: darkslateblue; font-size: 20px;">商品分类信息</p>
<u1>
    <li>家用电器</li>
    <li>办公电脑</li>
    <li>家用厨具</li>
    <li>男装女装</li>
</u1>
<hr>  <!-- 绘制水平线,实现表格效果-->
<h1>有序列表</h1>
<p style="color: darkslateblue; font-size: 20px;">本月课程项目</p>
<o1>
    <li>Python爬虫智能训练营</li>
    <li>网站前端开发训练营</li>
    <li>PHP网站开发训练营</li>
    <li>网络安全对抗训练营</li>
</o1>
<hr>  <!-- 绘制水平线,实现表格效果-->
<h1>有序列表</h1>
<p style="color: darkslateblue; font-size: 20px;">中国四大一线城市</p>
<o1>
    <li>广州</li>
    <li>上海</li>
    <li>北京</li>
    <li>深圳</li>
</o1>
<hr>   <!-- 绘制水平线,实现表格效果-->
</body>
</html>